<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <meta name="viewport"
          content="width=device-width, user-scalable=0, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="description" content="">
    <style type="text/css">
        * {
            margin: 0;
            padding: 0;
        }

        .content-box {
            font-size: 0;
            width: 7.5rem;
            position: relative;
        }

        .content-box .bg1 {
            width: 7.5rem;
            height: 12rem;
            background: url("https://oss.goddessxzns.com/active/ios_feedback/bg1.png") no-repeat center center;
            background-size: 100% 100%;
        }

        .content-box .bg2 {
            width: 7.5rem;
            height: 8.98rem;
            background: url("https://oss.goddessxzns.com/active/ios_feedback/bg2.png") no-repeat center center;
            background-size: 100% 100%;
            position: relative;
        }

        .btn {
            display: inline-block;
            width: 3.98rem;
            height: 0.84rem;
            position: absolute;
            left: 1.76rem;
            top: 5.08rem;
            text-decoration: none;
            outline: none;
            background: url("https://oss.goddessxzns.com/active/ios_feedback/btn1.png") no-repeat center center;
            background-size: 100% 100%;
        }

        div.btn {
            background: url("https://oss.goddessxzns.com/active/ios_feedback/btn2.png") no-repeat center center;
            background-size: 100% 100%;
        }

        /*去除未被访问的a标签的下划线*/
        a:link {
            text-decoration: none;
        }

        /*去除已经被访问过的a标签的下划线*/
        a:visited {
            text-decoration: none;
        }

        /*去除鼠标悬停时的a标签的下划线*/
        a:hover {
            text-decoration: none;
        }

        /*去除正在点击的a标签的下划线（鼠标按下，尚未松开）*/
        a:active {
            text-decoration: none;
        }

        /*去除获得焦点的a标签的下划线（被鼠标点击过）*/
        a:focus {
            text-decoration: none;
        }

        .toast-box {
            display: none;
        }

        .cover {
            z-index: 100;
            position: fixed;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            background: rgba(0, 0, 0, 0.4);
        }

        .cover .alert-box {
            width: 6.76rem;
            position: absolute;
            left: 0.37rem;
            top: 40vh;
        }

        .cover .toast-img {
            width: 6.76rem;
            height: 4.66rem;
            background: url("https://oss.goddessxzns.com/active/ios_feedback/alert.png") no-repeat center center;
            background-size: 100% 100%;
        }

        .cover .toast-img .toast-btn {
            width: 4rem;
            height: 0.9rem;
            position: absolute;
            left: 1.38rem;
            top: 2.9rem;
        }

        .cover .toast-close {
            font-size: 0;
            margin-top: 0.3rem;
            text-align: center;
        }

        .cover .toast-close img {
            width: 0.68rem;
            height: 0.68rem;
        }
        .nav {
            position: fixed;
            top: 0;
            left: 0;
            min-height: 0.88rem;
            z-index: 100;
            max-width: 100%;
            width: 100%;
        }

        .nav .bg-color {
            background-color: white;
            opacity: 0;
        }

        .nav-box {
            max-width: 100%;
            width: 7.5rem;
            margin: 0 auto;
            position: relative;
        }

        .nav .img {
            width: 0.20rem;
            height: 0.36rem;
            position: absolute;
            left: 0.13rem;
            bottom: 0;
            z-index: 110;
            padding: 0.25rem 0.25rem;
            background: url("https://oss.goddessxzns.com/active/fortune_year_2022/back.png") no-repeat center center;
            background-size: 0.2rem 0.36rem;
        }
    </style>
</head>
<body>
<div class="nav" style="visibility:{$is_show_nav?'visible':'hidden'}">
    <div class="nav-box">
        <div class="bg-color" style="height: {$height/50 + 0.88}rem"></div>
        <div class="to-back" onclick="commonJsToNative('local', 'back');">
            <div class="img"></div>
        </div>
    </div>
</div>
<div class="content-box">
    <div class="bg1"></div>
    <div class="bg2">
        {if !$is_give}
        <a class="btn" href="javascript:;"></a>
        <div class="btn" style="display: none"></div>
        {else}
        <div class="btn"></div>
        {/if}
    </div>
</div>
<div class="toast-box">
    <div class="cover">
        <div class="alert-box">
            <div class="toast-img">
                <div class="toast-btn"></div>
            </div>
            <div class="toast-close"><img src="https://oss.goddessxzns.com/active/fortune_year_2022/close.png" alt="">
            </div>
        </div>
    </div>
</div>
</body>
<script src="https://oss.goddessxzns.com/static/live/js/jquery-1.11.3.min.js"></script>
<script type="text/javascript">
    var appType = '{$app_type}';
    var header = JSON.parse('{$headers}');
    var isLogin = '{$is_login}' * 1;

    function init() {
        resizeWindow();
    }

    $(window).resize(function () {
        resizeWindow();
    })

    function resizeWindow() {
        if ($(window).width() >= 750) {
            $('html').css({'font-size': '32px'});
        } else {
            var remPx = 100 / 7.5;
            $('html').css({'font-size': remPx + 'vw'});
        }
    }

    $(function () {
        var isAward = false;
        init();

        $('.cover .toast-close img').click(function () {
            $('.toast-box').hide();
            $('body').css({overflow: "auto"})
        })
        $('.toast-btn').click(function () {
            commonJsToNative('local', 'fortune_for_month?need_auth=1');
        })

        $('a.btn').click(function () {
            if (isLogin < 1) {
                commonJsToNativeLoginAndReloadWebView();
                return;
            }
            if (isAward) {
                return;
            }
            isAward = true;

            $.ajax({
                url: '/api/v38/get_feedback_coupon',
                type: 'get',
                timeout: 5000,// 5秒超时
                dataType: 'json',
                headers: header,
                success: function (res) {
                    if (res.code == 200) {
                        $('.toast-box').show();
                        $('body').css({overflow: "hidden"})
                        $(this).hide();
                        $('div.btn').show();
                    } else {
                        isAward = false;
                        commonJsToNative('toast', res.msg);
                    }
                }
            })
        });
    })
</script>
<script src="__STATIC__/common.js"></script>
</html>